<template>
  <div>
    <!-- vue生命周期
    vue实例化对象 从创建到销毁的过程 就是生命周期 -->
    <h1>hello vue</h1>
  </div>
</template>

<script>
export default {
  data(){
    return {
      msg:　"hello"
    }
  },
  // 1、初始化阶段
  // 实例创建前
  beforeCreate(){
    // 获取不到data中声明的变量
    console.log("beforeCreate", this.msg);
  },
  // 实例创建完成
  created(){
    // 可以获取到data中声明的变量
    // 一般这里可以用发起ajax请求，请求页面的初始数据
    // 获取不到真实DOM
    console.log("created", this.msg);
    console.log("created --- DOM", document.querySelector("h1"));
  }
}
</script>

<style>

</style>